<template>
    <div id="sample">
        <editor  api-key="no-api-key"   :init="setting"  v-model="contentx"/>
    </div>
    <div v-html="contentx"></div>
</template>

<script>
   import { reactive,ref } from 'vue'
   import tinymce from 'tinymce/tinymce'
   import Editor from '@tinymce/tinymce-vue'
   export default{
     name:'test9',
     components:{Editor},
     setup(){
        let contentx = ref('aaaaddddd');  
        const setting= {
            language_url:'/langs/zh-Hans.js',
            language: 'zh-Hans',width:'600px',
            menubar:'',promotion:false,
            plugins:'emoticons image link table code',
            toolbar:'bold italic underline strikethrough|emoticons image link table|code help' ,
            images_upload_url: 'http://localhost:8082/lxhotel/uploadServlet2.do'
        }
        return{
            contentx,
            setting
        }
     }
   }
</script>